<style type="text/css">
    .content{
        width: 950px;
        height: 450px;
        background-color: #eee;
        position: relative;
        top: 40px;
    }
    .content2{
        width: 950px;
        height: 450px;
        background-color: #eee;
        position: relative;
        top: 40px;
        left: 40px;
        padding: 15px;
    }
    .content3{
        width: 950px;
        height: 450px;
        background-color: #eee;
        position: relative;
        top: 40px;
        left:40px;
        padding: 15px;
         }
    .title{
        font-size: 21px;
        font-weight: bold;
        margin-left: 10px;
    }
    .row1,.row2,.row3,.row4,.row5,.row6{
        margin-top: 20px;
        margin-left: 10px;
    }
    .name{
        font-size: 19px;
        margin-left: 15px;
        font-weight: bold;
        position: relative;
        top: 5px;


    }
    .rank1,.rank2,.rank3,.rank4,.rank5,.rank6{

        height: 25px;
        background-color: #ccc;
        display: inline-block;
        border-radius: 3px;
        margin-left: 60px;
    }
    .rank1{
        width: 600px;
    }
    .rank2{
        width: 500px;
    }
    .rank3{
        width: 400px;
    }
    .rank4{
        width:300px;
    }
    .rank5{
        width: 200px;
    }
    .rank6{
        width:100px;
    }
    .num{
        display: inline-block;
        margin-left: 10px;
        font-size: 16px;
        color: #0e90d2;
       position: relative;
        top: -8px;
    }

</style>


<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />
    <div id="year1" class="tab-pane fade in active content" >
        <div class="title">
            <span>研发响应能力排名</span>
        </div>
    </div>

    <div id="year2" class="tab-pane fade content2">
        <div class="title">
            <span>研发响应能力排名</span>
        </div>
        </div>

    <div id="year3" class="tab-pane fade content3">
        <div class="title">
            <span>研发响应能力排名</span>
        </div>
    </div>
</div>

<!--<div class="content">-->
    <!--<div class="title">-->
        <!--<span>研发响应能力排名</span>-->
    <!--</div>-->
    <!--<div class="row1">-->
    <!--<img src="/images/1p.png"> <span class="name">1-熊分公司</span>-->
       <!--<span class="rank1"></span><span class="num">60</span>-->
    <!--</div>-->
    <!--<div class="row1">-->
        <!--<img src="/images/1p.png"> <span class="name">1-熊分公司</span>-->
        <!--<span class="rank1"></span><span class="num">60</span>-->
    <!--</div>-->
    <!--<div class="row1">-->
        <!--<img src="/images/1p.png"> <span class="name">1-熊分公司</span>-->
        <!--<span class="rank1"></span><span class="num">60</span>-->
    <!--</div>-->
    <!--<div class="row1">-->
        <!--<img src="/images/1p.png"> <span class="name">1-熊分公司</span>-->
        <!--<span class="rank1"></span><span class="num">60</span>-->
    <!--</div>-->
    <!--<div class="row1">-->
        <!--<img src="/images/1p.png"> <span class="name">1-熊分公司</span>-->
        <!--<span class="rank1"></span><span class="num">60</span>-->
    <!--</div>-->


<!--</div>-->
